<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>exam1</title>

<link rel="stylesheet" href="css/csslib/bootstrap/bootstrap-yeti.min.css">
<link rel="stylesheet" href="css/csslib/fontawesome/font-awesome.min.css">
<link rel="stylesheet" href="css/default.css">

<script src="js/jslib/jquery/jquery-1.11.1.min.js"></script>
<script src="js/jslib/handlebars/handlebars-v2.0.0.js"></script>
<script src="js/jslib/bootstrap/bootstrap.min.js"></script>

<script src="js/jsutility/system.js"></script>
<script src="js/jsutility/utility.js"></script>

<script src="js/action/exam.js"></script>

<style>

</style>

<script>
$(document).ready(function() {
	ajaxForExam3();
});
</script>
</head>
<body>
<div class="row">
	<div class="col-lg-5 col-md-offset-4">
		<div class="bs-component">
			
				<div class="form-inline default">
				  <div class="form-group">
				    <label for="inputName">Name</label>
				    <input type="text" class="form-control" id="sendName" placeholder="sendName">
				  </div>
				</div>
				<div class="default">
					  <a  class="btn btn-primary" onclick="ajaxForExam3()">Exam3</a>
					  <a  class="btn btn-primary" onclick="ajaxForExam4()">Exam4</a>
					  <a  class="btn btn-primary" onclick="ajaxForExam5()">Exam5</a>
					  <a  class="btn btn-primary" onclick="ajaxForExam6()">Exam6</a>
					  <a  class="btn btn-primary" onclick="ajaxForRest()">Rest</a>
					  <a  class="btn btn-primary" onclick="ajaxForRest2()">Rest2</a>
				</div>

				<div class="alert alert-info" role="alert" id="ajaxInfo"></div>
		</div>
	</div>
</div>


<div class="row">
	<div class="col-lg-4 col-md-offset-4">
		<div class="bs-component">
			<div class="list-group">
				<span class="list-group-item">${message}</span>
				<span class="list-group-item">${message2}</span>
				<span class="list-group-item">${name}</span>
				<span class="list-group-item">${age}</span>
				<span class="list-group-item">${sex}</span>
			</div>
		</div>
	</div>
</div>	

<div class="row">
<div class="col-lg-4 col-md-offset-4">

<form class="form-horizontal" action="exam2" method="post">
                <fieldset>
                  <legend>Form</legend>
					<div class="form-group">
						<label for="inputName" class="col-lg-2 control-label">name</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="inputName" name="name" placeholder="Name">
						</div>
					</div>
					<div class="form-group">
						<label for="inputAge" class="col-lg-2 control-label">age</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="inputAge"  name="age" placeholder="Age">
						</div>
					</div>
					
					<div class="form-group">
                    <label class="col-lg-2 control-label">Sex</label>
                    <div class="col-lg-10">
                      <div class="radio">
                        <label>
                          <input type="radio" id="optionsRadios1" value="Boy"  name="sex">
                          Boy
                        </label>
                      </div>
                      <div class="radio">
                        <label>
                          <input type="radio" id="optionsRadios2" value="Girl" name="sex">
                          Girl
                        </label>
                      </div>
                    </div>
                  </div>
                  
                  <div class="form-group">
                    <div class="col-lg-10 col-lg-offset-2">
                      <button class="btn btn-default" onclick="return cancel();">Cancel</button>
                      <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                  </div>
                </fieldset>
              </form>
              
              </div>
              </div>
              
              
              
<div class="row">
<div class="col-lg-4 col-md-offset-4">

<form class="form-horizontal">
                <fieldset>
                  <legend>Form Rest</legend>
					<div class="form-group">
						<label for="inputName" class="col-lg-2 control-label">name</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="restName" name="name" placeholder="Name">
						</div>
					</div>
					<div class="form-group">
						<label for="inputAge" class="col-lg-2 control-label">age</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="restAge"  name="age" placeholder="Age">
						</div>
					</div>
					
					<div class="form-group">
                    <label class="col-lg-2 control-label">Sex</label>
                    <div class="col-lg-10">
                      <div class="radio">
                        <label>
                          <input type="radio" id="restRadios1" value="Boy"  name="sex">
                          Boy
                        </label>
                      </div>
                      <div class="radio">
                        <label>
                          <input type="radio" id="restRadios2" value="Girl" name="sex">
                          Girl
                        </label>
                      </div>
                    </div>
                  </div>
                  
                  <div class="form-group">
                    <div class="col-lg-10 col-lg-offset-2">
                      <button class="btn btn-default" onclick="return cancel();">Cancel</button>
                      <button type="button" class="btn btn-primary" onclick ="ajaxForRest3()">Submit</button>
                    </div>
                  </div>
                </fieldset>
              </form>
              
              
              	<form action="upload" method="post" enctype="multipart/form-data"
		class="form-horizontal">
		<div class="form-group">
			<label for="exampleInputFile">File input</label> <input type="file" id="exampleInputFile">
			<p class="help-block">Example block-level help text here.</p>
		</div>
		<button type="button" class="btn btn-primary" type="submit">Submit</button>
	</form>
              </div>
              </div>






</body>
</html>




